<template>
  <div id="myShop">
    <Header></Header>
    <div class="memberCenter">
      <div class="common-layout">
        <el-container>
          <el-aside width="200px">
            <ul>
              <li class="theme">
                会员中心
              </li>
              <li class="theme">
                <router-link to="/personalCenter/myCenter">个人中心</router-link>
              </li>
<!--              <li>-->
<!--&lt;!&ndash;                <router-link to="/personalCenter/integral">我的积分</router-link>&ndash;&gt;-->
<!--                <a :plain="true" @click="notOpened">我的积分</a>-->
<!--              </li>-->
              <li>
                <router-link to="/personalCenter/myCollection">我的收藏</router-link>
<!--                <a :plain="true" @click="notOpened">我的收藏</a>-->
              </li>
<!--              <li>-->
<!--&lt;!&ndash;                <router-link to="/personalCenter/myCoupon">我的优惠卷</router-link>&ndash;&gt;-->
<!--                <a :plain="true" @click="notOpened">我的优惠卷</a>-->
<!--              </li>-->
              <li>
                <router-link to="/personalCenter/addressAdministration">地址管理</router-link>
              </li>
              <li>
                <router-link to="/personalCenter/arrivalNotice">浏览记录</router-link>
<!--                <a :plain="true" @click="notOpened">到货通知</a>-->
              </li>
              <li class="theme">
                订单中心
              </li>
              <li>
                <router-link to="/personalCenter/myOrder">我的订单</router-link>
              </li>
<!--              <li>-->
<!--                <router-link to="/personalCenter/afterApplication">售后申请</router-link>-->
<!--              </li>-->
<!--              <li>-->
<!--&lt;!&ndash;                <router-link to="/personalCenter/afterApplication">售后申请</router-link>&ndash;&gt;-->
<!--                <a :plain="true" @click="notOpened">售后申请</a>-->
<!--              </li>-->
              <li class="theme">
                帮助中心
              </li>
              <li>
                <router-link to="/personalCenter/personalData">个人资料</router-link>
              </li>
              <li>
                <router-link to="/personalCenter/changePassword">修改密码</router-link>
              </li>
              <li>
                <router-link to="/personalCenter/priceProtection">价格保护</router-link>
              </li>
            </ul>
          </el-aside>
          <el-main>
            <!--出口-->
            <router-view></router-view>
          </el-main>
        </el-container>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>

<script setup>
// 引入公共部分
import Header from "../components/Header.vue";
import Footer from "../components/Footer.vue";
import { ElMessage } from 'element-plus';
let notOpened = ()=>{
  ElMessage('暂未开放,敬请期待');
}

</script>

<style lang="less" scoped>
  //侧边栏
  .memberCenter {
    width: 1200px;
    margin: 0 auto;
    padding-top: 140px;
    padding-bottom: 89px;
    a {
      text-decoration: none;
    }
    .el-aside {
      width: 135px;
      box-shadow: 0 0 10px 0 #eaeaea;
      margin-top: 20px;
      height: 100%;
      ul {
        text-align: center;
        li.theme {
          color: #000;
          font-size: 18px;
          a {
            color: #000;
            font-size: 18px;
          }
        }
        li {
          margin-top: 17px;
          a.blue {
            color: #09c;
          }
          a {
            cursor: pointer;
            color: #ababab;
            font-size: 16px;
            text-decoration: none;
          }
        }
        li:last-child {
          margin-bottom: 30px;
        }
        li:first-child {
          margin-bottom: 39px;
        }
      }
    }
    .el-main {
      .main-content {
        width: 100%;
      }
    }
  }
</style>